<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>HTML5 canvas粒子系统制作逼真飘雪效果|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库</title>
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="css/default.css">
	<style type="text/css">
		body {
			/*You can use any kind of background here.*/
			background: #6b92b9;
		}
		canvas {
			display: block;
		}
	</style>
</head>
<body>
	<div class="htmleaf-container">
		<canvas id="canvas"></canvas>
	</div>
	<script type="text/javascript" src="js/particle.js"></script>
	<script type="text/javascript">
		
		DrawParticle({
			id:"canvas",//id
			width:window.innerWidth,//canvas的宽度
			height:window.innerHeight,//canvas的高度
			num:25,//粒子的数量
			time:50,//间隔的时间
			r:4,//粒子的大小
			fillStyle:"rgba(255, 255, 255, 0.8)",//填充的颜色
			particleType:"circular"		
		});
	</script>
</body>
</html>